<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>星星书籍-注册页面</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/register.css">
    <link rel="stylesheet" href="css/footer.css">
    <script src="./js/register.js"></script>
</head>

<body>
    <div class="container w">
        <!-- logo图片  -->
        <div class="w">
            <div class="logo">
                <a href="login.html"><img src="./images/logo.gif" alt=""></a>
                <h2><a href="login.html">星星书籍欢迎您</a></h2>
            </div>
        </div>
        <!-- 注册部分 -->
        <div class="registerarea">
            <!-- 注册头信息 -->
            <div class="registerarea_hd">
                <h3>注册新用户</h3>
                <p>我有账号，去<a href="login.html">登陆</a></p>
            </div>
            <!-- 注册表单 -->
            <form class="registerarea_bd" action="javascript:;">
                <ul>
                    <li>
                        <label>手机号：</label>
                        <input type="text" class="ipt">
                        <span class="error ipt_err">
                            <i class="error_icon"></i>
                            手机号码格式不正确，请重新输入
                        </span>
                    </li>
                    <li>
                        <label>用户名：</label>
                        <input type="text" class="ipt">
                        <span class="error">
                            <i class="error_icon"></i>
                            用户名不少于3位数，请重新输入
                        </span>
                    </li>
                    <li>
                        <label>登录密码：</label>
                        <input type="password" class="ipt">
                        <span class="error">
                            <i class="error_icon"></i>
                            密码不少于6位数，请重新输入
                        </span>
                    </li>
                    <li class="safe">
                        安全程度
                        <em class="ruo">弱</em>
                        <em class="zhong">中</em>
                        <em class="qiang">强</em>
                    </li>
                    <li>
                        <label>确认密码：</label>
                        <input type="password" class="ipt">
                        <span class="error">
                            <i class="error_icon"></i>
                            密码不一致，请重新输入
                        </span>
                    </li>
                    <li>
                        <input type="checkbox">
                        <i>同意协议并注册<a href="javaScript:;">《消费者保护协议》</a><a href="javaScript:;">《用户协议》</a></i>
                    </li>
                    <li>
                        <input class="btn" type="submit" value="完成注册">
                    </li>
                </ul>
            </form>
        </div>
        <!-- 版权信息 -->
        <div class="w footer">
            <ul>
                <li><a href="javascript:;">关于我们</a><span>|</span></li>
                <li><a href="javascript:;">联系我们</a><span>|</span></li>
                <li><a href="javascript:;">联系客服</a><span>|</span></li>
                <li><a href="javascript:;">厂家入驻</a><span>|</span></li>
                <li><a href="javascript:;">营销中心</a><span>|</span></li>
                <li><a href="javascript:;">友情链接</a><span>|</span></li>
                <li><a href="javascript:;">销售联盟</a><span>|</span></li>
                <li><a href="javascript:;">前端社区</a><span>|</span></li>
                <li><a href="javascript:;">前端路线益</a><span>|</span></li>
                <li><a href="javascript:;">EngSite</a><span></span></li>
            </ul><br>
            <p class="copyright">地址：重庆市xxxx 电话：191xxxx4954 邮箱: xxxx@yeah.net <br>
                沪ICP备05002918号
            </p>
        </div>
    </div>
</body>

</html>